<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wacom官方商城</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/base.css">
</head>

<body>
    <!-- top -->
    <div class="top">
        <div class="pxl">
            <div class="top-l fl">
                <span>欢迎来到Wacom官方商城！</span>
                <span>在线客服(周一至周日9:00-18:00)</span>
            </div>
            <div class="top-r fl">
                <ul>
                    <li>
                        <a href="./login.html" class="border-bg">登录</a>
                    </li>
                    <li><a href="./zhuce.html" class="border-bg">注册</a></li>
                    <li><a href="#" class="border-bg">关于Wacom</a></li>
                    <li><a href="#">我的订单</a></li>
                    <li>
                        <a href="./cart.html" class="car-bg">
                            <label></label>
                            <span>购物车</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- nav -->
    <div class="nav">
        <div class="pxl">
            <div class="nav-logo">
                <img src="../img/logo.png" alt="">
            </div>
            <div class="nav-content">
                <ul>
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./list.html">所有产品</a></li>
                    <li><a href="#">数位板</a></li>
                    <li><a href="#">数位屏</a></li>
                    <li><a href="#">移动电脑</a></li>
                    <li><a href="#">Bamboo</a></li>
                    <li><a href="#">原装配件</a></li>
                    <li><a href="#">在线教育</a></li>
                    <li><a href="#">下载专区</a></li>
                </ul>
            </div>
            <div class="nav-seach">
                <form action="post">
                    <input type="text" name="seach" value placeholder="请输入查询关键词">
                    <button></button>
                </form>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="banner">
        <div class="pxl">
            <div class="nav-left">
                <ul class="selecter">
                    <li>
                        <a href="#">One by Wacom 学习板</a>
                        <ul>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002282145002989.jpg" alt="">
                                </div>
                                <h4>CTL-472/ K1-FX</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002282145002989.jpg" alt="">
                                </div>
                                <h4>CTL-472/ K1-FX</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Wacom Intuos 数位板</a>
                        <ul>
                            <li>
                                <div class="plimg">
                                    <img src="../img/201803121709264056.jpg" alt="">
                                </div>
                                <h4>CTL-4100WL</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281056166019.jpg" alt="">
                                </div>
                                <h4>CTL-4100/K0-CX</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281056357663.jpg" alt="">
                                </div>
                                <h4>CTL-6100/K0-CX</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281056520289.jpg" alt="">
                                </div>
                                <h4>CTL-6100WL</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Wacom Intuos Pro 数位板</a>
                        <ul>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002282306588182.jpg" alt="">
                                </div>
                                <h4>PTH-660/K1- F</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281059016673.jpg" alt="">
                                </div>
                                <h4>PTH-860/K1-F</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281058260853.jpg" alt="">
                                </div>
                                <h4>PTH-660/K0-F</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281058120697.jpg" alt="">
                                </div>
                                <h4>PTH-460/K0-CX</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281058004800.jpg" alt="">
                                </div>
                                <h4>PTH-860/K0-F</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Wacom One 万与数位屏</a>
                        <ul>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281100531892.jpg" alt="">
                                </div>
                                <h4>DTC133W0F</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Wacom Cintiq (Pro) 数位屏</a>
                        <ul>
                            <li>
                                <div class="plimg">
                                    <img src="../img/201803121709264056.jpg" alt="">
                                </div>
                                <h4>CTL-4100WL</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281056166019.jpg" alt="">
                                </div>
                                <h4>CTL-4100/K0-CX</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281056357663.jpg" alt="">
                                </div>
                                <h4>CTL-6100/K0-CX</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281056520289.jpg" alt="">
                                </div>
                                <h4>CTL-6100WL</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Wacom MobileStudio Pro</a>
                        <ul>
                            <li>
                                <div class="plimg">
                                    <img src="../img/201803121709264056.jpg" alt="">
                                </div>
                                <h4>CTL-4100WL</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281056166019.jpg" alt="">
                                </div>
                                <h4>CTL-4100/K0-CX</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281056357663.jpg" alt="">
                                </div>
                                <h4>CTL-6100/K0-CX</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                            <li>
                                <div class="plimg">
                                    <img src="../img/202002281056520289.jpg" alt="">
                                </div>
                                <h4>CTL-6100WL</h4>
                                <div class="select">
                                    <a href="#">查看</a>
                                </div>
                            </li>
                    </li>
                </ul>
                <li>
                    <a href="#">Bamboo智能生活科技</a>
                    <ul>
                        <li>
                            <div class="plimg">
                                <img src="../img/202002282306588182.jpg" alt="">
                            </div>
                            <h4>PTH-660/K1- F</h4>
                            <div class="select">
                                <a href="#">查看</a>
                            </div>
                        </li>
                        <li>
                            <div class="plimg">
                                <img src="../img/202002281059016673.jpg" alt="">
                            </div>
                            <h4>PTH-860/K1-F</h4>
                            <div class="select">
                                <a href="#">查看</a>
                            </div>
                        </li>
                        <li>
                            <div class="plimg">
                                <img src="../img/202002281058260853.jpg" alt="">
                            </div>
                            <h4>PTH-660/K0-F</h4>
                            <div class="select">
                                <a href="#">查看</a>
                            </div>
                        </li>
                        <li>
                            <div class="plimg">
                                <img src="../img/202002281058120697.jpg" alt="">
                            </div>
                            <h4>PTH-460/K0-CX</h4>
                            <div class="select">
                                <a href="#">查看</a>
                            </div>
                        </li>
                        <li>
                            <div class="plimg">
                                <img src="../img/202002281058004800.jpg" alt="">
                            </div>
                            <h4>PTH-860/K0-F</h4>
                            <div class="select">
                                <a href="#">查看</a>
                            </div>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">原装配件</a>
                </li>
                <li><a href="#">Wacom官方认证开封品</a></li>
                <li><a href="#">Wacom电子签批屏</a></li>
                </ul>
            </div>
            <!-- IMG -->
            <div class="box">
                <div class="box-imgs">
                    <div class="imgs">
                        <img src="../img/4.jpg" alt="">
                        <img src="../img/1.jpg" alt="">
                        <img src="../img/2.jpg" alt="">
                        <img src="../img/3.jpg" alt="">
                        <img src="../img/4.jpg" alt="">
                        <img src="../img/1.jpg" alt="">
                    </div>
                </div>
                <a href="javascript:;" class="arrow left"></a>
                <a href="javascript:;" class="arrow right"></a>
                <ul>
                    <li class="bg liss"></li>
                    <li class="liss"></li>
                    <li class="liss"></li>
                    <li class="liss"></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- hot -->
    <div class="hot">
        <div class="pxl">
            <div class="hot-l">
                <ul>
                    <a href="#">
                        <li>
                            <h5>PTH-460官方验证开封品</h5>
                            <p>8192压感 官方保障品牌直发</p>
                            <span>¥1499 </span>
                            <img src="../img/202106171411569729.png" alt="">
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <h5>PTH-860K1官方验证开封品</h5>
                            <p>8192级压感 劲省1080元</p>
                            <span>¥3300 </span>
                            <img src="../img/202201111701152823.png" alt="">
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <h5>CTL-4100官方验证开封品</h5>
                            <p>探索启发创造力的新方法</p>
                            <span>¥299 </span>
                            <img src="../img/202201111701283341.png" alt="">
                        </li>
                    </a>
                </ul>
            </div>
            <div class="hot-r">
                <a href="#">
                    <div class="sm">
                        <h6>Wacom全新直发专区</h6>
                        <p>100%官方全新原封直发</p>
                        <img src="../img/202201111643395830.png" alt="">
                    </div>
                </a>
                <a href="#">
                    <div class="sm">
                        <h6>官方验证开封品</h6>
                        <p>官方验证完整配件与产品功能完好</p>
                        <img src="../img/202008241059248872.png" alt="">
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!-- AD -->
    <div class="part">
        <div class="pxl">
            <div class="htitle">wacom智能生活科技
                <a href="#">查看更多</a>
            </div>
            <div>
                <a href="#">
                    <img src="../img/202104231700016929.png" alt="">
                </a>
            </div>
            <div class="lis">
                <a href="#">
                    <div class="lis-l">
                        <h5>Ergo人体工程支架</h5>
                        <p>专业匹配 精准支撑</p>
                        <span>¥495起 </span>
                        <div class="plimg">
                            <img src="../img/202104231704285937.png" alt="">
                        </div>
                    </div>
                </a>
                <div class="lis-r">
                    <ul>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--智能产品--多组切换-->
    <div class="swiper">
        <div class="pxl">
            <div class="htitle">全线产品分类</div>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="new-l">
                        <div class="line"></div>
                        <h3>One by Wacom</h3>
                        <div class="line"></div>
                        <p>⁡⁢⁡⁢⁡⁢⁡⁢数位学习板</p>
                    </div>
                    <div class="new-r">
                        <a href="#">
                            <img src="../img/202104231727544765.png" alt="" width="257">
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="new-l">
                        <div class="line"></div>
                        <h3>One by Wacom</h3>
                        <div class="line"></div>
                        <p>⁡⁢⁡⁢⁡⁢⁡⁢数位学习板</p>
                    </div>
                    <div class="new-r">
                        <a href="#">
                            <img src="../img/202104231709315469.png" alt="" width="257">
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="new-l">
                        <div class="line"></div>
                        <h3>One by Wacom</h3>
                        <div class="line"></div>
                        <p>⁡⁢⁡⁢⁡⁢⁡⁢数位学习板</p>
                    </div>
                    <div class="new-r">
                        <a href="#">
                            <img src="../img/202104231722043470.png" alt="" width="257">
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="new-l">
                        <div class="line"></div>
                        <h3>One by Wacom</h3>
                        <div class="line"></div>
                        <p>⁡⁢⁡⁢⁡⁢⁡⁢数位学习板</p>
                    </div>
                    <div class="new-r">
                        <a href="#">
                            <img src="../img/202104231720144808.png" alt="" width="257">
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="new-l">
                        <div class="line"></div>
                        <h3>One by Wacom</h3>
                        <div class="line"></div>
                        <p>⁡⁢⁡⁢⁡⁢⁡⁢数位学习板</p>
                    </div>
                    <div class="new-r">
                        <a href="#">
                            <img src="../img/202104231714413400.png" alt="" width="257">
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="new-l">
                        <div class="line"></div>
                        <h3>One by Wacom</h3>
                        <div class="line"></div>
                        <p>⁡⁢⁡⁢⁡⁢⁡⁢数位学习板</p>
                    </div>
                    <div class="new-r">
                        <a href="#">
                            <img src="../img/202008241059248872.png" alt="" width="257">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <div class="pxl">
            <ul>
                <li>
                    <h5>购物指南</h5>
                    <a href="#">配送方式</a>
                    <a href="#">联系客服</a>
                </li>
                <li>
                    <h5>支付方式</h5>
                    <a href="#">在线支付</a>
                    <a href="#">邮局汇款</a>
                    <a href="#">公司转账</a>
                </li>
                <li>
                    <h5>售后服务</h5>
                    <a href="#">售后政策</a>
                    <a href="#">关于发票</a>
                    <a href="#">维修中心</a>
                    <a href="#">取消订单</a>
                    <a href="#">视频专区</a>
                </li>
                <li>
                    <h5>关于我们</h5>
                    <a href="#">品牌介绍</a>
                </li>
            </ul>
            <div class="eqr">
                <div class="eqr-wb">
                    <h6 class="wb">官方微博</h6>
                    <a href="#"><img src="../img/weibo.png" alt=""></a>
                    <p>扫描二维码</p>
                </div>
                <div class="eqr-wx">
                    <h6 class="wx">官方微信</h6>
                    <a href="#"><img src="../img/ewx.png" alt=""></a>
                    <p>扫描二维码</p>
                </div>
            </div>
        </div>
    </div>
    <!--copy-->
    <div class="copy">
        <div class="pxl">
            Copyright © 2018 estore.wacom.com.cn 和冠科技（北京）有限公司All Rights Reserved. 京ICP备13037713号
            <br>
            为了给您提供更好的购物体验，推荐使用谷歌、360急速、IE10及以上版本浏览器访问本商城。
        </div>
    </div>
    <script src="../js/ajax1.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/banner.js"></script>
</body>

</html>